<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>在线Cron表达式生成器</title>
    <meta name="description" content="Cron表达式在线生成器" />
    <meta name="keywords" content="cron表达式在线生成,常用cron表达式,常用Cron表达式,cron在线生成工具" />
    <link rel="shortcut icon" href="/images/favicon.ico">
    <link href="/lib/cron/easyui.min.css" rel="stylesheet" type="text/css" />

    <style>
        .line {
            height: 25px;
            line-height: 25px;
            margin: 3px
        }

        .imp {
            padding-left: 25px
        }

        .col {
            width: 95px
        }

        ul {
            list-style: none;
            padding-left: 10px
        }

        li {
            height: 20px
        }
    </style>
</head>

<body>
<center>
    <div class="easyui-layout"
         style="width: 830px; height: 548px; border: 1px rgb(202, 196, 196) solid; border-radius: 5px;">
        <div style="height: 100%;">
            <div class="easyui-tabs" data-options="fit:true,border:false">
                <div title="秒">
                    <div class="line">
                        <input type="radio" checked="checked" name="second"
                               onclick="everyTime(this)"> 每秒 允许的通配符[, - * /]
                    </div>
                    <div class="line">
                        <input type="radio" name="second" onclick="cycle(this)">
                        周期从 <input class="numberspinner" style="width: 60px;"
                                   data-options="min:1,max:58" value="1" id="secondStart_0">
                        - <input class="numberspinner" style="width: 60px;"
                                 data-options="min:2,max:59" value="2" id="secondEnd_0">
                        秒
                    </div>
                    <div class="line">
                        <input type="radio" name="second" onclick="startOn(this)">
                        从
                        <input class="numberspinner" style="width: 60px;" data-options="min:0,max:59" value="0" id="secondStart_1">
                        秒开始,每
                        <input class="numberspinner" style="width: 60px;" data-options="min:1,max:59" value="1" id="secondEnd_1">
                        秒执行一次
                    </div>
                    <div class="line">
                        <input type="radio" name="second" id="sencond_appoint">
                        指定
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="0">00 <input
                            type="checkbox" value="1">01 <input type="checkbox"
                                                                value="2">02 <input type="checkbox" value="3">03
                        <input type="checkbox" value="4">04 <input
                            type="checkbox" value="5">05 <input type="checkbox"
                                                                value="6">06 <input type="checkbox" value="7">07
                        <input type="checkbox" value="8">08 <input
                            type="checkbox" value="9">09
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="10">10 <input
                            type="checkbox" value="11">11 <input type="checkbox"
                                                                 value="12">12 <input type="checkbox" value="13">13
                        <input type="checkbox" value="14">14 <input
                            type="checkbox" value="15">15 <input type="checkbox"
                                                                 value="16">16 <input type="checkbox" value="17">17
                        <input type="checkbox" value="18">18 <input
                            type="checkbox" value="19">19
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="20">20 <input
                            type="checkbox" value="21">21 <input type="checkbox"
                                                                 value="22">22 <input type="checkbox" value="23">23
                        <input type="checkbox" value="24">24 <input
                            type="checkbox" value="25">25 <input type="checkbox"
                                                                 value="26">26 <input type="checkbox" value="27">27
                        <input type="checkbox" value="28">28 <input
                            type="checkbox" value="29">29
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="30">30 <input
                            type="checkbox" value="31">31 <input type="checkbox"
                                                                 value="32">32 <input type="checkbox" value="33">33
                        <input type="checkbox" value="34">34 <input
                            type="checkbox" value="35">35 <input type="checkbox"
                                                                 value="36">36 <input type="checkbox" value="37">37
                        <input type="checkbox" value="38">38 <input
                            type="checkbox" value="39">39
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="40">40 <input
                            type="checkbox" value="41">41 <input type="checkbox"
                                                                 value="42">42 <input type="checkbox" value="43">43
                        <input type="checkbox" value="44">44 <input
                            type="checkbox" value="45">45 <input type="checkbox"
                                                                 value="46">46 <input type="checkbox" value="47">47
                        <input type="checkbox" value="48">48 <input
                            type="checkbox" value="49">49
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="50">50 <input
                            type="checkbox" value="51">51 <input type="checkbox"
                                                                 value="52">52 <input type="checkbox" value="53">53
                        <input type="checkbox" value="54">54 <input
                            type="checkbox" value="55">55 <input type="checkbox"
                                                                 value="56">56 <input type="checkbox" value="57">57
                        <input type="checkbox" value="58">58 <input
                            type="checkbox" value="59">59
                    </div>
                </div>
                <div title="分钟">
                    <div class="line">
                        <input type="radio" checked="checked" name="min"
                               onclick="everyTime(this)"> 分钟 允许的通配符[, - * /]
                    </div>
                    <div class="line">
                        <input type="radio" name="min" onclick="cycle(this)"> 周期从
                        <input class="numberspinner" style="width: 60px;"
                               data-options="min:1,max:58" value="1" id="minStart_0"> -
                        <input class="numberspinner" style="width: 60px;"
                               data-options="min:2,max:59" value="2" id="minEnd_0"> 分钟
                    </div>
                    <div class="line">
                        <input type="radio" name="min" onclick="startOn(this)"> 从
                        <input class="numberspinner" style="width: 60px;"
                               data-options="min:0,max:59" value="0" id="minStart_1">
                        分钟开始,每 <input class="numberspinner" style="width: 60px;"
                                      data-options="min:1,max:59" value="1" id="minEnd_1">
                        分钟执行一次
                    </div>
                    <div class="line">
                        <input type="radio" name="min" id="min_appoint"> 指定
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="0">00 <input
                            type="checkbox" value="1">01 <input type="checkbox"
                                                                value="2">02 <input type="checkbox" value="3">03
                        <input type="checkbox" value="4">04 <input
                            type="checkbox" value="5">05 <input type="checkbox"
                                                                value="6">06 <input type="checkbox" value="7">07
                        <input type="checkbox" value="8">08 <input
                            type="checkbox" value="9">09
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="10">10 <input
                            type="checkbox" value="11">11 <input type="checkbox"
                                                                 value="12">12 <input type="checkbox" value="13">13
                        <input type="checkbox" value="14">14 <input
                            type="checkbox" value="15">15 <input type="checkbox"
                                                                 value="16">16 <input type="checkbox" value="17">17
                        <input type="checkbox" value="18">18 <input
                            type="checkbox" value="19">19
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="20">20 <input
                            type="checkbox" value="21">21 <input type="checkbox"
                                                                 value="22">22 <input type="checkbox" value="23">23
                        <input type="checkbox" value="24">24 <input
                            type="checkbox" value="25">25 <input type="checkbox"
                                                                 value="26">26 <input type="checkbox" value="27">27
                        <input type="checkbox" value="28">28 <input
                            type="checkbox" value="29">29
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="30">30 <input
                            type="checkbox" value="31">31 <input type="checkbox"
                                                                 value="32">32 <input type="checkbox" value="33">33
                        <input type="checkbox" value="34">34 <input
                            type="checkbox" value="35">35 <input type="checkbox"
                                                                 value="36">36 <input type="checkbox" value="37">37
                        <input type="checkbox" value="38">38 <input
                            type="checkbox" value="39">39
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="40">40 <input
                            type="checkbox" value="41">41 <input type="checkbox"
                                                                 value="42">42 <input type="checkbox" value="43">43
                        <input type="checkbox" value="44">44 <input
                            type="checkbox" value="45">45 <input type="checkbox"
                                                                 value="46">46 <input type="checkbox" value="47">47
                        <input type="checkbox" value="48">48 <input
                            type="checkbox" value="49">49
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="50">50 <input
                            type="checkbox" value="51">51 <input type="checkbox"
                                                                 value="52">52 <input type="checkbox" value="53">53
                        <input type="checkbox" value="54">54 <input
                            type="checkbox" value="55">55 <input type="checkbox"
                                                                 value="56">56 <input type="checkbox" value="57">57
                        <input type="checkbox" value="58">58 <input
                            type="checkbox" value="59">59
                    </div>
                </div>
                <div title="小时">
                    <div class="line">
                        <input type="radio" checked="checked" name="hour"
                               onclick="everyTime(this)"> 小时 允许的通配符[, - * /]
                    </div>
                    <div class="line">
                        <input type="radio" name="hour" onclick="cycle(this)">
                        周期从 <input class="numberspinner" style="width: 60px;"
                                   data-options="min:0,max:23" value="0" id="hourStart_0">
                        - <input class="numberspinner" style="width: 60px;"
                                 data-options="min:2,max:23" value="2" id="hourEnd_0"> 小时
                    </div>
                    <div class="line">
                        <input type="radio" name="hour" onclick="startOn(this)">
                        从 <input class="numberspinner" style="width: 60px;"
                                 data-options="min:0,max:23" value="0" id="hourStart_1">
                        小时开始,每 <input class="numberspinner" style="width: 60px;"
                                      data-options="min:1,max:23" value="1" id="hourEnd_1">
                        小时执行一次
                    </div>
                    <div class="line">
                        <input type="radio" name="hour" id="hour_appoint"> 指定
                    </div>
                    <div class="imp hourList">
                        AM: <input type="checkbox" value="0">00 <input
                            type="checkbox" value="1">01 <input type="checkbox"
                                                                value="2">02 <input type="checkbox" value="3">03
                        <input type="checkbox" value="4">04 <input
                            type="checkbox" value="5">05 <input type="checkbox"
                                                                value="6">06 <input type="checkbox" value="7">07
                        <input type="checkbox" value="8">08 <input
                            type="checkbox" value="9">09 <input type="checkbox"
                                                                value="10">10 <input type="checkbox" value="11">11
                    </div>
                    <div class="imp hourList">
                        PM: <input type="checkbox" value="12">12 <input
                            type="checkbox" value="13">13 <input type="checkbox"
                                                                 value="14">14 <input type="checkbox" value="15">15
                        <input type="checkbox" value="16">16 <input
                            type="checkbox" value="17">17 <input type="checkbox"
                                                                 value="18">18 <input type="checkbox" value="19">19
                        <input type="checkbox" value="20">20 <input
                            type="checkbox" value="21">21 <input type="checkbox"
                                                                 value="22">22 <input type="checkbox" value="23">23
                    </div>
                </div>
                <div title="日">
                    <div class="line">
                        <input type="radio" checked="checked" name="day"
                               onclick="everyTime(this)"> 日 允许的通配符[, - * / L W]
                    </div>
                    <div class="line">
                        <input type="radio" name="day" onclick="unAppoint(this)">
                        不指定
                    </div>
                    <div class="line">
                        <input type="radio" name="day" onclick="cycle(this)"> 周期从
                        <input class="numberspinner" style="width: 60px;"
                               data-options="min:1,max:31" value="1" id="dayStart_0"> -
                        <input class="numberspinner" style="width: 60px;"
                               data-options="min:2,max:31" value="2" id="dayEnd_0"> 日
                    </div>
                    <div class="line">
                        <input type="radio" name="day" onclick="startOn(this)"> 从
                        <input class="numberspinner" style="width: 60px;"
                               data-options="min:1,max:31" value="1" id="dayStart_1">
                        日开始,每 <input class="numberspinner" style="width: 60px;"
                                     data-options="min:1,max:31" value="1" id="dayEnd_1">
                        天执行一次
                    </div>
                    <div class="line">
                        <input type="radio" name="day" onclick="workDay(this)">
                        每月 <input class="numberspinner" style="width: 60px;"
                                  data-options="min:1,max:31" value="1" id="dayStart_2">
                        号最近的那个工作日
                    </div>
                    <div class="line">
                        <input type="radio" name="day" onclick="lastDay(this)">
                        每月最后一天
                    </div>
                    <div class="line">
                        <input type="radio" name="day" id="day_appoint"> 指定
                    </div>
                    <div class="imp dayList">
                        <input type="checkbox" value="1">1 <input type="checkbox"
                                                                  value="2">2 <input type="checkbox" value="3">3 <input
                            type="checkbox" value="4">4 <input type="checkbox"
                                                               value="5">5 <input type="checkbox" value="6">6 <input
                            type="checkbox" value="7">7 <input type="checkbox"
                                                               value="8">8 <input type="checkbox" value="9">9 <input
                            type="checkbox" value="10">10 <input type="checkbox"
                                                                 value="11">11 <input type="checkbox" value="12">12
                        <input type="checkbox" value="13">13 <input
                            type="checkbox" value="14">14 <input type="checkbox"
                                                                 value="15">15 <input type="checkbox" value="16">16
                    </div>
                    <div class="imp dayList">
                        <input type="checkbox" value="17">17 <input
                            type="checkbox" value="18">18 <input type="checkbox"
                                                                 value="19">19 <input type="checkbox" value="20">20
                        <input type="checkbox" value="21">21 <input
                            type="checkbox" value="22">22 <input type="checkbox"
                                                                 value="23">23 <input type="checkbox" value="24">24
                        <input type="checkbox" value="25">25 <input
                            type="checkbox" value="26">26 <input type="checkbox"
                                                                 value="27">27 <input type="checkbox" value="28">28
                        <input type="checkbox" value="29">29 <input
                            type="checkbox" value="30">30 <input type="checkbox"
                                                                 value="31">31
                    </div>
                </div>
                <div title="月">
                    <div class="line">
                        <input type="radio" checked="checked" name="mouth"
                               onclick="everyTime(this)"> 月 允许的通配符[, - * /]
                    </div>
                    <div class="line">
                        <input type="radio" name="mouth" onclick="unAppoint(this)">
                        不指定
                    </div>
                    <div class="line">
                        <input type="radio" name="mouth" onclick="cycle(this)">
                        周期从 <input class="numberspinner" style="width: 60px;"
                                   data-options="min:1,max:12" value="1" id="mouthStart_0">
                        - <input class="numberspinner" style="width: 60px;"
                                 data-options="min:2,max:12" value="2" id="mouthEnd_0"> 月
                    </div>
                    <div class="line">
                        <input type="radio" name="mouth" onclick="startOn(this)">
                        从 <input class="numberspinner" style="width: 60px;"
                                 data-options="min:1,max:12" value="1" id="mouthStart_1">
                        日开始,每 <input class="numberspinner" style="width: 60px;"
                                     data-options="min:1,max:12" value="1" id="mouthEnd_1">
                        月执行一次
                    </div>
                    <div class="line">
                        <input type="radio" name="mouth" id="mouth_appoint"> 指定
                    </div>
                    <div class="imp mouthList">
                        <input type="checkbox" value="1">1 <input type="checkbox"
                                                                  value="2">2 <input type="checkbox" value="3">3 <input
                            type="checkbox" value="4">4 <input type="checkbox"
                                                               value="5">5 <input type="checkbox" value="6">6 <input
                            type="checkbox" value="7">7 <input type="checkbox"
                                                               value="8">8 <input type="checkbox" value="9">9 <input
                            type="checkbox" value="10">10 <input type="checkbox"
                                                                 value="11">11 <input type="checkbox" value="12">12
                    </div>
                </div>
                <div title="周">
                    <div class="line">
                        <input type="radio" checked="checked" name="week"
                               onclick="everyTime(this)"> 周 允许的通配符[, - * / L #]
                    </div>
                    <div class="line">
                        <input type="radio" name="week" onclick="unAppoint(this)">
                        不指定
                    </div>
                    <div class="line">
                        <input type="radio" name="week" onclick="startOn(this)">
                        周期 从星期<input class="numberspinner" style="width: 60px;"
                                     data-options="min:1,max:7" id="weekStart_0" value="1"> -
                        <input class="numberspinner" style="width: 60px;"
                               data-options="min:2,max:7" value="2" id="weekEnd_0">
                    </div>
                    <div class="line">
                        <input type="radio" name="week" onclick="weekOfDay(this)">
                        第<input class="numberspinner" style="width: 60px;"
                                data-options="min:1,max:4" value="1" id="weekStart_1"> 周
                        的星期<input class="numberspinner" style="width: 60px;"
                                  data-options="min:1,max:7" id="weekEnd_1" value="1">
                    </div>
                    <div class="line">
                        <input type="radio" name="week" onclick="lastWeek(this)">
                        本月最后一个星期<input class="numberspinner" style="width: 60px;"
                                       data-options="min:1,max:7" id="weekStart_2" value="1">
                    </div>
                    <div class="line">
                        <input type="radio" name="week" id="week_appoint"> 指定
                    </div>
                    <div class="imp weekList">
                        <input type="checkbox" value="1">1 <input type="checkbox"
                                                                  value="2">2 <input type="checkbox" value="3">3 <input
                            type="checkbox" value="4">4 <input type="checkbox"
                                                               value="5">5 <input type="checkbox" value="6">6 <input
                            type="checkbox" value="7">7
                    </div>
                </div>
                <div title="年">
                    <div class="line">
                        <input type="radio" checked="checked" name="year"
                               onclick="unAppoint(this)"> 不指定 允许的通配符[, - * /] 非必填
                    </div>
                    <div class="line">
                        <input type="radio" name="year" onclick="everyTime(this)">
                        每年
                    </div>
                    <div class="line">
                        <input type="radio" name="year" onclick="cycle(this)">周期
                        从 <input class="numberspinner" style="width: 90px;"
                                 data-options="min:2013,max:3000" id="yearStart_0" value="2013">
                        - <input class="numberspinner" style="width: 90px;"
                                 data-options="min:2014,max:3000" id="yearEnd_0" value="2014">
                    </div>
                </div>
            </div>
        </div>
        <div data-options="region:'south',border:false" style="height: 270px">
            <fieldset style="border-radius: 3px; height: 250px;">
                <legend>表达式</legend>
                <table style="height: 100px;">
                    <tbody>
                    <tr>
                        <td></td>
                        <td align="center">秒</td>
                        <td align="center">分钟</td>
                        <td align="center">小时</td>
                        <td align="center">日</td>
                        <td align="center">月<br />
                        </td>
                        <td align="center">星期</td>
                        <td align="center">年</td>
                    </tr>
                    <tr>
                        <td>表达式字段:</td>
                        <td><input type="text" name="v_second" class="col"
                                   value="*" readonly="readonly" /></td>
                        <td><input type="text" name="v_min" class="col" value="*"
                                   readonly="readonly" /></td>
                        <td><input type="text" name="v_hour" class="col" value="*"
                                   readonly="readonly" /></td>
                        <td><input type="text" name="v_day" class="col" value="*"
                                   readonly="readonly" /></td>
                        <td><input type="text" name="v_mouth" class="col" value="*"
                                   readonly="readonly" /></td>
                        <td><input type="text" name="v_week" class="col" value="?"
                                   readonly="readonly" /></td>
                        <td><input type="text" name="v_year" class="col"
                                   readonly="readonly" /></td>
                    </tr>
                    <tr>
                        <td>Cron 表达式:</td>
                        <td colspan="6">
                            <input type="text" id="cron" name="cron" style="width: 100%;" value="* * * * * ?" /></td>
                        <td>
                            <input type="button" value="反解析到UI " style="margin-left: 10px;" id="btnFan" onclick="btnFan()" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="8">最近5次运行时间:</td>
                    </tr>
                    <tr>
                        <td colspan="8" id="runTime"></td>
                    </tr>
                    </tbody>
                </table>
            </fieldset>
        </div>
    </div>

    <div class="easyui-layout"
         style="width: 830px; height: 695px; border: 1px rgb(202, 196, 196) solid; border-radius: 5px; margin-top: 5px;">

        <div data-options="region:'south',border:false" style="height: 695px">
            <fieldset style="border-radius: 3px; height: 675px;">
                <legend>常用Cron表达式</legend>
                <p>
                    <span>（1）</span>
                    <span style="color:#0000FF">0/2 * * * * ?</span>
                    <span>&nbsp;&nbsp;&nbsp;表示每2秒执行任务</span>
                </p>
                <p>
                    <span>（2）</span>
                    <span style="color:#0000FF">0 0/2 * * * ?</span>
                    <span>&nbsp;&nbsp;&nbsp;表示每2分钟执行任务</span>
                </p>
                <p>
                    <span>（3）</span>
                    <span style="color:#0000FF">0 0 2 1 * ?</span>
                    <span>&nbsp;&nbsp;&nbsp;表示在每月的1日的凌晨2点调整任务</span>
                </p>
                <p>
                    <span>（4）</span>
                    <span style="color:#0000FF">0 15 10 ? * MON-FRI</span>
                    <span>&nbsp;&nbsp;&nbsp;表示周一到周五每天上午10:15执行作业</span>
                </p>
                <p>
                    <span>（5）</span>
                    <span style="color:#0000FF">0 15 10 ? 6L 2002-2006</span>
                    <span>&nbsp;&nbsp;&nbsp;表示2002-2006年的每个月的最后一个星期五上午10:15执行作</span>
                </p>
                <p>
                    <span>（6）</span>
                    <span style="color:#0000FF">0 0 10,14,16 * * ?</span>
                    <span>&nbsp;&nbsp;&nbsp;每天上午10点，下午2点，4点</span>
                </p>
                <p>
                    <span>（7）</span>
                    <span style="color:#0000FF">0 0/30 9-17 * * ?</span>
                    <span>&nbsp;&nbsp;&nbsp;朝九晚五工作时间内每半小时</span>
                </p>
                <p>
                    <span>（8）</span>
                    <span style="color:#0000FF">0 0 12 ? * WED</span>
                    <span>&nbsp;&nbsp;&nbsp;表示每个星期三中午12点 </span>
                </p>
                <p>
                    <span>（9）</span>
                    <span style="color:#0000FF">0 0 12 * * ?</span>
                    <span>&nbsp;&nbsp;&nbsp;每天中午12点触发</span>
                </p>
                <p>
                    <span>（10）</span>
                    <span style="color:#0000FF">0 15 10 ? * *</span>
                    <span>&nbsp;&nbsp;&nbsp;每天上午10:15触发 </span>
                </p>
                <p>
                    <span>（11）</span>
                    <span style="color:#0000FF">0 15 10 * * ?</span>
                    <span>&nbsp;&nbsp;&nbsp;每天上午10:15触发</span>
                </p>
                <p>
                    <span>（12）</span>
                    <span style="color:#0000FF">0 15 10 * * ? 2005</span>
                    <span>&nbsp;&nbsp;&nbsp;2005年的每天上午10:15触发</span>
                </p>
                <p>
                    <span>（13）</span>
                    <span style="color:#0000FF">0 * 14 * * ?</span>
                    <span>&nbsp;&nbsp;&nbsp;在每天下午2点到下午2:59期间的每1分钟触发</span>
                </p>
                <p>
                    <span>（14）</span>
                    <span style="color:#0000FF">0 0/5 14 * * ?</span>
                    <span>&nbsp;&nbsp;&nbsp;在每天下午2点到下午2:55期间的每5分钟触发</span>
                </p>
                <p>
                    <span>（15）</span>
                    <span style="color:#0000FF">0 0/5 14,18 * * ?</span>
                    <span>&nbsp;&nbsp;&nbsp;在每天下午2点到2:55期间和下午6点到6:55期间的每5分钟触发</span>
                </p>
                <p>
                    <span>（16）</span>
                    <span style="color:#0000FF">0 0-5 14 * * ?</span>
                    <span>&nbsp;&nbsp;&nbsp;在每天下午2点到下午2:05期间的每1分钟触发</span>
                </p>
                <p>
                    <span>（17）</span>
                    <span style="color:#0000FF">0 10,44 14 ? 3 WED</span>
                    <span>&nbsp;&nbsp;&nbsp;每年三月的星期三的下午2:10和2:44触发</span>
                </p>
                <p>
                    <span>（18）</span>
                    <span style="color:#0000FF">0 15 10 ? * MON-FRI</span>
                    <span>&nbsp;&nbsp;&nbsp;周一至周五的上午10:15触发</span>
                </p>
                <p>
                    <span>（19）</span>
                    <span style="color:#0000FF">0 15 10 15 * ?</span>
                    <span>&nbsp;&nbsp;&nbsp;每月15日上午10:15触发</span>
                </p>
                <p>
                    <span>（20）</span>
                    <span style="color:#0000FF">0 15 10 L * ?</span>
                    <span>&nbsp;&nbsp;&nbsp;每月最后一日的上午10:15触发</span>
                </p>
                <p>
                    <span>（21）</span>
                    <span style="color:#0000FF">0 15 10 ? * 6L</span>
                    <span>&nbsp;&nbsp;&nbsp;每月的最后一个星期五上午10:15触发</span>
                </p>
                <p>
                    <span>（22）</span>
                    <span style="color:#0000FF">0 15 10 ? * 6L 2002-2005</span>
                    <span>&nbsp;&nbsp;&nbsp;2002年至2005年的每月的最后一个星期五上午10:15触发</span>
                </p>
                <p>
                    <span>（23）</span>
                    <span style="color:#0000FF">0 15 10 ? * 6#3</span>
                    <span>&nbsp;&nbsp;&nbsp;每月的第三个星期五上午10:15触发</span>
                </p>

            </fieldset>
        </div>
    </div>


    <div class="easyui-layout"
         style="width: 830px; height: 830px; border: 1px rgb(202, 196, 196) solid; border-radius: 5px; margin-top: 5px;">

        <div data-options="region:'south',border:false" style="height: 830px">
            <fieldset style="border-radius: 3px; height: 810px;">
                <legend>Cron表达式教程</legend>

                <h5>CronTrigger</h5>
                <p>CronTriggers往往比SimpleTrigger更有用，如果您需要基于日历的概念，而非SimpleTrigger完全指定的时间间隔，复发的发射工作的时间表。
                    CronTrigger，你可以指定触发的时间表如“每星期五中午”，或“每个工作日9:30时”，甚至“每5分钟一班9:00和10:00逢星期一上午，星期三星期五“。
                    即便如此，SimpleTrigger一样，CronTrigger拥有的startTime指定的时间表时生效，指定的时间表时，应停止（可选）结束时间。</p>
                <h5>Cron表达式</h5>
                <p>cron的表达式被用来配置CronTrigger实例。 cron的表达式是字符串，实际上是由七子表达式，描述个别细节的时间表。这些子表达式是分开的空白，代表：</p>
                <p>1. Seconds</p>
                <p>2. Minutes</p>
                <p>3. Hours</p>
                <p>4. Day-of-Month</p>
                <p>5. Month</p>
                <p>6. Day-of-Week</p>
                <p>7. Year (可选字段)</p>
                <p>例 "0 0 12 ? * WED" 在每星期三下午12:00 执行,</p>
                <p> 个别子表达式可以包含范围, 例如，在前面的例子里("WED")可以替换成 "MON-FRI", "MON, WED, FRI"甚至"MON-WED,SAT". “*” 代表整个时间段.</p>
                <p>每一个字段都有一套可以指定有效值，如</p>
                <p>Seconds (秒) ：可以用数字0－59 表示，</p>
                <p>Minutes(分) ：可以用数字0－59 表示，</p>
                <p>Hours(时) ：可以用数字0-23表示,</p>
                <p>Day-of-Month(天) ：可以用数字1-31 中的任一一个值，但要注意一些特别的月份</p>
                <p>Month(月) ：可以用0-11 或用字符串 “JAN, FEB, MAR, APR, MAY, JUN, JUL, AUG, SEP, OCT, NOV and DEC” 表示</p>
                <p>Day-of-Week(每周)：可以用数字1-7表示（1 ＝ 星期日）或用字符口串“SUN, MON, TUE, WED, THU, FRI and SAT”表示</p>
                <p>“/”：为特别单位，表示为“每”如“0/15”表示每隔15分钟执行一次,“0”表示为从“0”分开始, “3/20”表示表示每隔20分钟执行一次，“3”表示从第3分钟开始执行</p>
                <p>“?”：表示每月的某一天，或第周的某一天</p>
                <p>“L”：用于每月，或每周，表示为每月的最后一天，或每个月的最后星期几如“6L”表示“每月的最后一个星期五”</p>
                <p>“W”：表示为最近工作日，如“15W”放在每月（day-of-month）字段上表示为“到本月15日最近的工作日”</p>
                <p>““#”：是用来指定“的”每月第n个工作日,例 在每周（day-of-week）这个字段中内容为"6#3" or "FRI#3" 则表示“每月第三个星期五”</p>
            </fieldset>
        </div>
    </div>

</center>
<script type="text/javascript" src="/lib/jquery/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="/lib/cron/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/lib/cron/cron.js"></script>
<script src="/lib/layui/layui.js?v=2.8.11" charset="utf-8"></script>
<script src="/js/lay-config.js?v=2.0.0" charset="utf-8"></script>
<script src="/js/common.js?v=2.0.0" charset="utf-8"></script>
<script>
    layui.use(['miniAjax'], function () {
        var miniAjax = layui.miniAjax;

        var cron = $("#cron");
        cron.change(function() {
            btnFan();
            // 设置最近五次运行时间
            miniAjax.get({
                url: '/jobinfo/getNextExecTime?cron=' + cron.val(),
                success: function (res) {
                    if (res.code == '0') {
                        let data = res.data;
                        if (data && data.length === 5) {
                            var strHTML = "<ul>";
                            for (var i = 0; i < data.length; i++) {
                                strHTML += "<li>" + data[i] + "</li>";
                            }
                            strHTML += "</ul>"
                            $("#runTime").html(strHTML);
                        } else {
                            $("#runTime").html("");
                        }
                    } else {
                        alert(res.msg);
                    }
                }
            });

        });
    });
</script>
</body>
</html>